html,body{width: 100%;text-align: center;min-width: 320px;}

/*登录页面*/
.dengluheader{background-color: #000;color: #fff;width: 100%;height: 2em;line-height: 2em;padding: 1em 0;position: fixed;top: 0;z-index: 10000;}
.dengluheader .left{float: left;margin-left: 5%;}
.dengluheader span{float: left;width: 2em;height: 2em;background: url(../img/jiantou.png) -71px 0 no-repeat;background-size: cover;}
.dengluheader p{display: inline-block;margin-left: -40px;font-size: 1.5em;}
.dengluheader .right{color: #fff;float: right;margin-right: 5%;display: block;font-size: 1.5em;}

.dengluye{margin: 0 auto;padding-top: 6em;width: 90%;}
.dengluye .user{height: 2em;margin: 1em auto ;border-bottom: 2px solid #000; padding-bottom: 1em;}
.dengluye .user span{float: left;width: 2em;height: 2em;background: url(../img/user.png) -29px 0 no-repeat;background-size: cover;margin-left: 5%;}
.dengluye .user input{float: left;margin-left: 0.5em;border:none;height: 2em;line-height: 2em;font-size: 1.3em;}

.dengluye .pass{height: 2em;line-height: 2em;margin: 1em auto ;border-bottom: 2px solid #000;  padding-bottom: 1em;}
.dengluye .pass .left{float: left;width: 2em;height: 2em;background: url(../img/user.png) -54px 0 no-repeat;background-size: cover;margin-left: 5%;}
.dengluye .pass input{float: left;margin-left: 0.5em;width: 8em;border:none;height: 2em;line-height: 2em;font-size: 1.3em;}
.dengluye .pass a{float: right;height: 1em;line-height: 1em;margin-top: 0.5em;}
.dengluye .pass a span{float: right;width: 1em;height: 1em;background-color: #c96;background: url(../img/jiantou.png) -84px 0 no-repeat;background-size: cover;}

.dengluye .btn{margin-bottom: 10em;margin-top: 2em;}
.dengluye .btn a{color: #cc9966;font-size: 1.5em;}
.dengluye .btn span{margin: 0 1em;font-size: 1.5em;}

.dengluye .fenxiang {margin: 0 auto;font-size: 1.5em;margin-bottom: 2em;}
.dengluye .fenxiang p{height: 2em;line-height: 2em;margin-bottom: 2em;}
.dengluye .fenxiang .left{width: 20%;height: 2px;background-color: #000;margin-right: 0.5em;vertical-align: middle;}
.dengluye .fenxiang .right{width: 20%;height: 2px;background-color: #000;margin-left: 0.5em;vertical-align: middle;}

.dengluye .fenxiang span{display: inline-block;width: 2em;height: 2em;}
.dengluye .fenxiang .xinlang{background: url(../img/fenxiang.png) 0 0 no-repeat;background-size: cover;}
.dengluye .fenxiang .weixin{background: url(../img/fenxiang.png) -44px 0 no-repeat;background-size: cover;}
.dengluye .fenxiang .qq{background: url(../img/fenxiang.png) -86px 0 no-repeat;background-size: cover;}




/*注册页面*/
.zhuceye{margin: 5em auto 2em;}
.zhuceye .shouji{width: 90%;height: 2em;line-height: 2em;margin: 0 auto ;border-bottom: 2px solid #000; padding: 1em 0;}
.zhuceye .shouji .left{margin-left: 5%;float: left;width: 30px;height: 30px;background: url(../img/user.png) -118px 0 no-repeat;background-size: cover;}
.zhuceye .shouji input{float: left;margin: 0 0 0 5px;width: 8em;border:none;width: 50%;height: 2em;font-size: 1em;}
.zhuceye .shouji .right{float: right;color: #cc9966;border: 1px solid #c96;border-radius: 4px;padding: 0 0.5em;}

.zhuceye .yanzheng{width: 90%;height: 2em;line-height: 2em;margin: 1em auto ;border-bottom: 2px solid #000; padding-bottom: 1em;}
.zhuceye .yanzheng span{margin-left: 5%;float: left;width: 30px;height: 30px;background: url(../img/user.png) -88px 0 no-repeat;background-size: cover;}
.zhuceye .yanzheng input{float: left;margin-left: 0.5em;border:none;height: 2em;font-size: 1em;vertical-align: super;}

.zhuceye .yaoqing{width: 90%;height: 2em;line-height: 2em;margin: 1em auto ;border-bottom: 2px solid #000; padding-bottom: 1em;}
.zhuceye .yaoqing span{margin-left: 5%;float: left;width: 30px;height: 30px;background: url(../img/user.png) -147px 0 no-repeat;background-size: cover;}
.zhuceye .yaoqing input{float: left;margin-left: 0.5em;border:none;height: 2em;font-size: 1em;vertical-align: super;}


/*我的账户*/
.ziliao{width: 100%;background-color: #c96;padding-top: 8em;padding-bottom: 4em;color: #fff;}
.ziliao .touxiang .tx{width: 100px;height: 100px;margin: 0 auto;border-radius: 50%;border:1px solid #fff;background: url(../img/touxiang.png) 0 0 no-repeat;background-size: cover;}
.ziliao .username{line-height: 3em;}
.ziliao .zhanghu{line-height: 2em;color: #fff;}
.ziliao .dingd {font-size: 1.5em;line-height: 2em;width: 90%;border:1px solid #fff;border-radius: 4px;margin: 20px auto;color: #fff;}

.hang{width: 90%;height: 1.5em;margin: 0 auto;padding: 1.5em 0;border-bottom: 2px solid #000;text-align: left;line-height: 2em;}
.hang .jt{float: right;font-size: 1.5em;color: #ccc;}
.hang .left{float: left;width: 30px;height: 30px;margin-right: 15px;}
.hang .yhj_bg{background: url(../img/dizhi.png) -90px 0 no-repeat;background-size: cover;}
.hang .dizhi_bg{background: url(../img/dizhi.png) -122px 0 no-repeat;background-size: cover;}
.hang .xiaox_bg{background: url(../img/dizhi.png) -152px 0 no-repeat;background-size: cover;}
.xiaox{margin-bottom: 5em;}

/*账户设置*/
.zhszye{width: 90%;margin: 4em auto;}
.zhszye .biaot{line-height: 2em;height: 2em;padding-top: 1em;border-bottom: 1px solid #000;font-size: 1.5em;text-align: left;}
.zhszye .bdc{border-bottom: 1px solid #ccc;}
.zhszye .txsz{margin: 1em auto 0;line-height: 100px;font-size: 1.3em;text-align: right;}
.zhszye .txsz .left{float: left;margin-left: 0.5em;}
.zhszye .txsz .txbg{display: inline-block;width: 100px;height: 100px;background: url(../img/touxiang.png) 0 0 no-repeat;background-size: cover;border: 1px solid #ccc;border-radius: 50%;}
.zhszye .txsz .right{float: right;width: 1em;height:1em;background: url(../img/jiantou.png) -90px 0 no-repeat;background-size: cover;margin: 2.5em 0 0 0.5em;}

.zhszye .zxsz{height: 3em;line-height: 3em;margin: 1em auto;padding-bottom: 1em;font-size: 1.3em;text-align: right;}
.zhszye .zxsz .left{float: left;margin-left: 0.5em;}
.zhszye .zxsz .right{float: right;margin-left: 0.5em;width: 1em;height:1em;background: url(../img/jiantou.png) -90px 0 no-repeat;background-size: cover;margin-top: 1em;}

/*确认订单*/
.qrdd{width: 90%;margin: 4em auto;}
.qrdd .biaot{line-height: 2em;height: 2em;padding-top: 1em;border-bottom: 1px solid #000;font-size: 1.5em;text-align: left;}
.qrdd .zxsz{height: 1em;line-height: 1em;margin: 1em auto;padding-bottom: 1em;text-align: right;}
.qrdd .zxsz .left{float: left;margin-left: 0.5em;}
.qrdd .bdc{border-bottom: 1px solid #ccc;}


.qrdd .zxsz .right{color: #000;}
.qrdd .zxsz .color{color: #cc9966;}
.qrdd .btn{padding:0.3em 0;margin: 1em auto;background-color: #cc9966;border-radius: 4px;color: #fff;font-size: 1.5em;}

/*订单列表*/
.ddlb{width: 90%;margin: 0 auto;padding-top: 4em;}
.ddlb li{padding: 1em 0;float: left;width: 100%;border-bottom: 1px solid #000;}
.ddlb li .left{float: left;width: 50%;}
.ddlb li .left img{float: left;width: 100%;}
.ddlb li .right{float: left;margin-left: 5%;width: 45%;font-size: 1em;}
.ddlb li .right p{text-align: left;line-height: 1em;}
.ddlb li .right .biaoti{text-align: left;overflow: hidden;height: 2em;line-height: 2em;font-size: 1.2em;}
.ddlb li .right .zhuangtai{color: #cc9966;}
.ddlb li .right .xiangq{float: left;width: 100%;margin-bottom: 0.5em;}
.ddlb li .right .xiangq span:nth-child(1){float: left;}
.ddlb li .right .xiangq span:nth-child(2){float: right;}
.ddlb .zhuangtai_no .btn{color: #cc9966;padding: 0.5em 0;border: 1px solid #cc9966;border-radius: 4px;float: left;width: 100%;}


/*地址管理*/
.dzgl{margin: 4em auto;}
.dzgl .addr {padding-bottom: 0.5em;border-bottom: 1px solid #000;width: 90%;margin: 0 auto;}
.dzgl .addr .user_info{line-height: 3em;font-size: 1.5em;height: 3em;text-align: center;}
.dzgl .addr .user_info .name{float: left;}
.dzgl .addr .user_info .phone{float: right;}
.dzgl .addr .xiangxi{line-height: 2em;text-align: justify;font-size: 1em;}
.dzgl .addr .btn_btn{width: 100%;height: 2em;}
.dzgl .addr .btn_btn .btn_mr{background-color: #c96;padding: 0.2em 1em;border-radius: 4px;color: #fff;float: right;}
.dzgl .addr .btn_btn .btn_by{background-color: #fff;padding: 0.2em 1em;border:1px solid #c96;border-radius: 4px;color: #c96;float: right;}
.tianjia{color: #c96;border: 1px solid #c96;border-radius: 50%;font-size: 4em;line-height: 0.7em;width: 50px;height: 50px;margin: 100px auto;}

/*编辑地址*/
.bjdz{margin: 4em 0;}
.bjdz p{line-height: 1.5em;padding: 1em 0;margin: 0 auto;width: 90%;border-bottom: 1px solid #000;text-align: left;}
.bjdz p input{font-size: 1em;border:none;margin-left: 10%;width: 90%;font-weight: 600;}
.bjdz p textarea{margin-left: 10%;height: 5em;width: 90%;font-size: 1em;border: none;font-weight: 600;}
.bjdz .xzmr{line-height: 1em;border: none;font-weight: 600;}
.bjdz .xzmr input{margin-right: 0.5em;vertical-align: bottom;width: 1em;height: 1em;}

/*商品详情*/
.ddxq{margin: 4em auto;}
.ddxq .bdc{border-bottom: 1px solid #ccc;}
.ddxq .btmxq{width: 90%;margin: 1em auto 0;text-align: left;}
.ddxq .btmxq .bdc{margin-top: 1em;padding-bottom: 1em;}
.ddxq .btmxq .dianpu span{margin-right: 0.5em;float: left;background: url(../img/dizhi.png) -1px -1px no-repeat;background-size: cover;width: 1.5em;height: 1.5em;}
.ddxq .btmxq .btn{padding-top: 1em;padding-bottom: 1em;margin: 1em auto;background-color: #cc9966;border-radius: 4px;color: #fff;text-align: center;}
.ddxq .btmxq .xxsm span var{font-size: 1.5em;color: #c96;line-height: 1.5em;}

/*订单支付*/
.bdb{border-bottom: 1px solid #000;width: 100%;}
.ddzf{width: 90%;margin: 4em auto 0;text-align: left;}
.ddzf .top{float: left;padding: 1em 0;}
.ddzf .top .left{float: left;width: 50%;}
.ddzf .top .left img{float: left;width: 100%;}
.ddzf .top .right{float: left;margin-left: 5%;width: 45%;}
.ddzf .top .right .biaoti{height: 3em;overflow: hidden;}
.ddzf .top .right .mid{text-align: left;color: #c96;}
.ddzf .top .right .mid span{font-size: 1.5em;}
.ddzf .top .right .btmm{text-align: right; line-height: 1em;}
.ddzf .top .right .btmm span{float: right;width: 1em;height:1em;background: url(../img/jiantou.png) -101px 0 no-repeat;background-size: cover;}
.ddzf .dianpu {float: left;width: 100%;padding: 1em 0;}
.ddzf .dianpu span{float: left;background: url(../img/dizhi.png) 0 0 no-repeat;background-size: cover;width: 1.3em;height: 1.3em;margin-right: 1em;}

.ddzf .btm {line-height: 1.5em;float: left;}
.ddzf .btm p{margin-top: 1em;}
.ddzf .btm .dz span{float: left;background: url(../img/dizhi.png) -18px 0 no-repeat;background-size: cover;width: 1.3em;height: 1.3em;margin-right: 1em;}
.ddzf .btm .ph span{float: left;background: url(../img/dizhi.png) -35px 0 no-repeat;background-size: cover;width: 1.3em;height: 1.3em;margin-right: 1em;}
.ddzf .btm .zj{text-align: right;color: #c96;margin-top: 5em;margin-bottom: 1em;}
.ddzf .btm .zj span{font-size: 1.5em;font-weight: bold;}

.ddzf .btn{float: left;width: 100%;padding-top: 1em;padding-bottom: 1em;margin: 1em auto;background-color: #cc9966;border-radius: 4px;color: #fff;text-align: center;}

















